<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>统计-教学统计</title>
    <link rel="stylesheet" href="css/style.css">
    <style>
        #teacher-statistics .w-60 {
            width: 55%;
            margin-right: 5%;
            float: left;
        }

        #teacher-statistics .w-40 {
            width: 40%;
            float: left;
        }

        #teacher-statistics .sta-title {
            font-size: 18px;
            font-weight: bold;
            padding: 10px 0;
        }

        #teacher-statistics .sta-box {
            display: flex;
        }

        #teacher-statistics .sta-item {
            margin-right: 10px;
            flex: 1;
            text-align: center;
            padding: 16px 0;
            color: #fff;
            background: green;
        }

        #teacher-statistics .sta-item-1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        #teacher-statistics .sta-item-2 {
            font-size: 16px;
        }

        #teacher-statistics .c1 {
            background: #f9ad1a;
        }

        #teacher-statistics .c2 {
            background: #f05050;
        }

        #teacher-statistics .c3 {
            background: #3fcda7;
        }

        #teacher-statistics .c4 {
            background: #5eaee3;
        }

        #teacher-statistics .c5 {
            background: #7266ba;
        }

        #teacher-statistics .c6 {
            background: #1f6694;
        }

        .publicBtn {
            display: inline-block;
            padding: 6px 30px;
            background: #c2040e;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }
        .add-cs-list > div{
            margin-bottom:20px;
            line-height: 38px;
        }
    </style>
    <script src="cs/jquery.min.js"></script>
    <script>
        $(function () {
            $(".title_box_select").click(function () {
                $(this).addClass("active").siblings().removeClass("active");
                $(".title_box_item").removeClass("active").eq($(this).index()).addClass("active");
            });

            let tabActive = GetQueryString("active");
            if (tabActive != "") {
                $(".title_box_select").eq(tabActive - 1).trigger("click");
            }
        });
        //获取url参数
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
            var context = "";
            if (r != null)
                context = r[2];
            reg = null;
            r = null;
            return context == null || context == "" || context == "undefined" ? "" : context;
        }

        //弹出层
        function showBiu() {
            $(".biu1").show();
        }
        //设置权重
        function qzSubmit(){
            $(".tossd").each(function(i,d){
                let href = $(d).attr("href");
                href = href + "&z=1";
                $(d).attr("href",href);
            });
            $(".biu1").hide();
            $(".biu2").show();
        }
    </script>
</head>

<body class="inner_body">
    <!-- 添加弹出层 -->
    <div class="biu biu1">
        <div class="biu-bg"></div>
        <div class="biu-box">
            <div class="biu-title">
                设置权重
                <div class="biu-close" onclick="$(this).parents('.biu').hide()"></div>
            </div>
            <div class="biu-main">
                <div class="add-cs-list">
                    <div class="clearfix">
                        <div class="fl">考试权重：</div>
                        <select class="selectqz fl form-control" name="" id="">
                            <option value="1" classid='""'>请选择</option>
                            <option value="0.9">90%</option>
                            <option value="0.8">80%</option>
                            <option value="0.7">70%</option>
                            <option value="0.6">60%</option>
                            <option value="0.5">50%</option>
                            <option value="0.4">40%</option>
                            <option value="0.3">30%</option>
                            <option value="0.2">20%</option>
                            <option value="0.1">10%</option>
                        </select>
                    </div>
                    <div class="clearfix">
                        <div class="fl">考勤权重：</div>
                        <select class="selectqz fl form-control" name="" id="">
                            <option value="1" classid='""'>请选择</option>
                            <option value="0.9">90%</option>
                            <option value="0.8">80%</option>
                            <option value="0.7">70%</option>
                            <option value="0.6">60%</option>
                            <option value="0.5">50%</option>
                            <option value="0.4">40%</option>
                            <option value="0.3">30%</option>
                            <option value="0.2">20%</option>
                            <option value="0.1">10%</option>
                        </select>
                    </div>
                    <div class="clearfix">
                        <div class="fl">随堂练习权重：</div>
                        <select class="selectqz fl form-control" name="" id="">
                            <option value="1" classid='""'>请选择</option>
                            <option value="0.9">90%</option>
                            <option value="0.8">80%</option>
                            <option value="0.7">70%</option>
                            <option value="0.6">60%</option>
                            <option value="0.5">50%</option>
                            <option value="0.4">40%</option>
                            <option value="0.3">30%</option>
                            <option value="0.2">20%</option>
                            <option value="0.1">10%</option>
                        </select>
                    </div>
                    <div class="clearfix">
                        <div class="fl">实验报告权重：</div>
                        <select class="selectqz fl form-control" name="" id="">
                            <option value="1" classid='""'>请选择</option>
                            <option value="0.9">90%</option>
                            <option value="0.8">80%</option>
                            <option value="0.7">70%</option>
                            <option value="0.6">60%</option>
                            <option value="0.5">50%</option>
                            <option value="0.4">40%</option>
                            <option value="0.3">30%</option>
                            <option value="0.2">20%</option>
                            <option value="0.1">10%</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="biu-footer">
                <div class="biu-btn" onclick="qzSubmit()">提交</div>
            </div>
        </div>
    </div>
    
    <!-- 添加弹出层 -->
    <div class="biu biu2">
        <div class="biu-bg"></div>
        <div class="biu-box">
            <div class="biu-title">
                设置权重
                <div class="biu-close" onclick="$(this).parents('.biu').hide()"></div>
            </div>
            <div class="biu-main">
                设置权重成功！
            </div>
            <div class="biu-footer">
            </div>
        </div>
    </div>
    <div class="crumbs">
        <div class="index-img"></div>
        <a onclick="window.parent.location.reload();" href="javascript:void(0)" class="sy">首页</a><label>&gt;</label><a href="javascript:void(0)"
            class="mbx">教学统计</a>
    </div>
    </div>
    <div class="content_box">
        <div class="title_nav clearfix">
            <div class="title_box_select fl active" id="table_one">教学统计</div>
            <div class="title_box_select fl" id="table_two">学生统计</div>
        </div>
        <div class="panel">
            <div class="title_box_item active">
                <div id="teacher-statistics" class="clearfix">
                    <div class="clearfix">
                        <div style="margin:2px 0 0 20px;" class="fr publicBtn searchBtn" onclick="showBiu();">设置权重
                        </div>
                    </div>
                    <div class="w-60">
                        <div class="sta-title">教师活跃度</div>
                        <div class="sta-box">
                            <div class="sta-item c1">
                                <div class="sta-item-1">6</div>
                                <div class="sta-item-2">学习人数</div>
                            </div>
                            <div class="sta-item c2">
                                <div class="sta-item-1">0.5h</div>
                                <div class="sta-item-2">实验平均时长</div>
                            </div>
                            <div class="sta-item c3">
                                <div class="sta-item-1">6</div>
                                <div class="sta-item-2">问题交流回复数</div>
                            </div>
                            <div class="sta-item c4">
                                <div class="sta-item-1">30%</div>
                                <div class="sta-item-2">作业批改率</div>
                            </div>
                            <div class="sta-item c5">
                                <div class="sta-item-1">25%</div>
                                <div class="sta-item-2">实验报告批改率</div>
                            </div>
                        </div>
                    </div>
                    <div class="w-40">
                        <div class="sta-title">教学成绩</div>
                        <div class="sta-box">
                            <div class="sta-item c4">
                                <div class="sta-item-1">152</div>
                                <div class="sta-item-2">平时成绩（平均）</div>
                            </div>
                            <div class="sta-item c1">
                                <div class="sta-item-1">415</div>
                                <div class="sta-item-2">考试成绩（平均）</div>
                            </div>
                            <div class="sta-item c5">
                                <div class="sta-item-1">151</div>
                                <div class="sta-item-2">总成绩（平均）</div>
                            </div>
                        </div>
                    </div>
                    <div class="w-60">
                        <div class="sta-title">教师周期</div>
                        <div class="sta-box">
                            <div class="sta-item c3">
                                <div class="sta-item-1">2019-03-01</div>
                                <div class="sta-item-2">注册时间</div>
                            </div>
                            <div class="sta-item c5">
                                <div class="sta-item-1">10天</div>
                                <div class="sta-item-2">排课周期</div>
                            </div>
                            <div class="sta-item c1">
                                <div class="sta-item-1">15</div>
                                <div class="sta-item-2">排课节数</div>
                            </div>
                            <div class="sta-item c2">
                                <div class="sta-item-1">30</div>
                                <div class="sta-item-2">教授课程数量</div>
                            </div>
                            <div class="sta-item c6">
                                <div class="sta-item-1">71.27h</div>
                                <div class="sta-item-2">教授课程时长</div>
                            </div>
                        </div>
                    </div>
                    <div class="w-40">
                        <div class="sta-title">教学成果</div>
                        <div class="sta-box">
                            <div class="sta-item c3">
                                <div class="sta-item-1">50%</div>
                                <div class="sta-item-2">考试及格率</div>
                            </div>
                            <div class="sta-item c2">
                                <div class="sta-item-1">50%</div>
                                <div class="sta-item-2">作业提交率</div>
                            </div>
                            <div class="sta-item c6">
                                <div class="sta-item-1">50%</div>
                                <div class="sta-item-2">实验报告提交率</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="title_box_item">
                <span class="selOneName">姓名：</span>
                <input type="text" class="public_text" />
                <span class="selOneName">学号：</span>
                <input type="text" class="public_text" />
                <span class="selOneName">班级名称：</span>
                <select id="classSel" class="form-control">
                    <option value="0">请搜索</option>
                    <option value="97">开维班级</option>
                </select>
                <a href="javascript:void(0)" id="searchBtn" class="ba bsearch hover-btn"
                    style="background-color: rgb(194, 4, 14); cursor: pointer;">搜索</a>
                <table class="table-style">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>院系</th>
                            <th>专业</th>
                            <th>班级</th>
                            <th>学号</th>
                            <th>姓名</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>信息学院</td>
                            <td>计算机科学与技术</td>
                            <td>2</td>
                            <td>18</td>
                            <td>李刚</td>
                            <td>
                                <a class="tossd" href="studentStatisticsDetails.html?name=李刚">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>信息学院</td>
                            <td>电子与通信工程</td>
                            <td>1</td>
                            <td>5</td>
                            <td>王鹏</td>
                            <td>
                                <a class="tossd" href="studentStatisticsDetails.html?name=王鹏">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>信息学院</td>
                            <td>计算机科学与技术</td>
                            <td>1</td>
                            <td>14</td>
                            <td>马玉刚</td>
                            <td>
                                <a class="tossd" href="studentStatisticsDetails.html?name=马玉刚">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>信息学院</td>
                            <td>电子科学与技术</td>
                            <td>2</td>
                            <td>24</td>
                            <td>李莉紫</td>
                            <td>
                                <a class="tossd" href="studentStatisticsDetails.html?name=李莉紫">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>信息学院</td>
                            <td>电子科学与技术</td>
                            <td>2</td>
                            <td>31</td>
                            <td>冯深邦</td>
                            <td>
                                <a class="tossd" href="studentStatisticsDetails.html?name=冯深邦">查看详情</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</body>

</html>